.content {
  padding-top: .44rem;

  /* 导航 */

  nav {
    display: flex;
    padding: .305rem .253rem .23rem .245rem;
    border-bottom: 5px solid #eaeaea;
    justify-content: space-between;
    flex-flow: row wrap;

    a {
      display: block;
      flex: 0 0 33%;

      img {
        display: block;
        width: 100%;
      }
    }
  }

  /* 滚动商圈 */

  .tradingArea {
    padding-top: .2rem;

    > ul {
      display: flex;
      justify-content: space-between;
      background-image: linear-gradient(0deg,
      #d60109 0%,
      #e80c0c 100%),
      linear-gradient(
              #ce0910,
              #ce0910);
      background-blend-mode: normal,
      normal;
      box-shadow: 1px 1px 1px 0 rgba(218, 3, 10, 0.59);

      li {
        flex: 1;
        text-align: center;
        font-size: 18px;
        color: #fff;
        padding-top: .06rem;
        padding-bottom: .06rem;

        &:nth-of-type(-n+2) {
          border-right: 1px solid #fff;
        }
      }
    }

    .ta-banner {
      height: 1.75rem;
      margin-top: .1rem;

      .swiper-slide {
        height: auto;

        > ul {
          height: .35rem !important;
          display: flex;
          justify-content: space-between;
          border-bottom: 1px dashed #eaeaea;

          li {
            flex: 1;
            text-align: center;
            line-height: .35rem;
            font-size: 13px;
            color: #333;
          }
        }
      }
    }

    .to-form {
      display: block;
      width: 100%;
      height: .5rem;
      background: url("../images/index/tear_btn.png") no-repeat center center;
      background-size: contain;
      margin-top: .225rem;
      margin-bottom: .3rem;
    }
  }

  /* 品牌故事 */

  .story {
    img {
      display: block;
      width: 100%;
    }
  }

  /* 加盟热线 */
  .join-phone-num{
    margin-top: .14rem;
    a{
      display: block;
      width: 100%;
      img{
        display: block;
        width: 100%;
      }
    }
  }

  /* 展示 */

  .product-show {
    padding-top: .4505rem;

    /* 展示上部分 */

    .ps-top {
      display: flex;
      justify-content: space-between;
      margin-bottom: .30rem;

      a {
        &:nth-of-type(1) {
          flex: 0 0 1.46rem;
          height: 1.27rem;
          background-color: #f4dc58;
          border-radius: 10px;

          img {
            display: block;
            width: 1.405rem;
            //height: 1.215rem;
            border-radius: 10px;
            margin: .03rem auto;
          }
        }

        &:nth-of-type(2) {
          img {
            display: block;
            width: 1.745rem;
          }
        }

      }
    }

    /* 展示下部分 */

    .ps-bottom {
      background-color: #ebde87;
      padding-top: .085rem;
      padding-bottom: .085rem;

      /* 轮播图 */

      .psb-banner {
        a {
          display: block;
          width: 100%;

          img {
            display: block;
            width: 100%;
          }
        }
      }
    }

  }

  /* 堂食+外卖 */
  .type{
    margin-top: 10px;
    img{
      display: block;
      width: 100%;
    }
  }

  /* 一站式服务 */

  .join {
    margin-left: .32rem;
    height: 2.61rem;
    background: url("../images/index/join_bg.png") no-repeat center center;
    background-size: contain;
    position: relative;

    .btns {
      width: 2.5rem;
      position: absolute;
      top: 1.2rem;
      left: 0;

      a {
        float: left;
        text-align: center;
        display: block;
        background-color: #d03a40;
        box-shadow: 2px 2px 0px 0px rgba(251, 180, 183, 0.41);
        border-radius: 5px;
        font-size: 16px;
        color: #ffffff;
        padding: 5px 9px;
        margin-bottom: .15rem;
        margin-right: .25rem;
      }
    }
  }

  /* 加盟资讯 */

  .news {
    margin-top: .275rem;

    .nav-bar {
      height: .4rem;
      background-color: #f4f4f4;
      padding-right: 31px;
      padding-left: .16rem;

      div {
        width: 1.085rem;
        margin-top: 11px;

        img {
          display: block;
          width: 100%;
        }
      }

      a {
        display: block;
        padding: .06rem .1rem;
        line-height: 100%;
        text-align: center;
        background-color: #ffd71c;
        box-shadow: 2px 2px 0px 0px rgba(158, 158, 158, 0.44);
        border-radius: 20px;
        font-size: 15px;
        color: #160e0e;
        margin-top: 5.5px;
      }
    }

    .new-list {
      li {
        display: block;
        width: 100%;
        height: 100%;
        padding-top: .31rem;
        padding-bottom: .15rem;
        border-bottom: 1px solid #eaeaea;

        a {
          display: flex;
          justify-content: space-between;

          .img-box {
            flex: 0 0 1.2rem;
            margin-right: 13px;

            img {
              display: block;
              width: 100%;
              border-radius: 10px;
            }
          }

          .msg-box {
            flex: 0 0 2.12rem;

            h2 {
              font-size: 14px;
              color: #333333;
              overflow: hidden;
              white-space: nowrap;
              text-overflow: ellipsis;
            }

            p {
              font-size: 12px;
              width: 212px;
              overflow: hidden;
              white-space: nowrap;
              text-overflow: ellipsis;
              margin-top: .07rem;
              margin-bottom: .1rem;
              color: #666;
            }

            .news-time {
              color: #666;

              span {
                &:nth-of-type(1) {

                }

                &:nth-of-type(2) {

                }
              }
            }
          }
        }
      }
    }

  }


}
